/**
 * 自定义颜色
 */
$brand-theme-color: #ec544f; //品牌主体红色
$brand-theme-color-aux: #576b95; //品牌辅助色
$page-bg-color: #f7f7f7; //页面背景色
$border-color: #e0e0e0; //边框颜色
$border-color-light: #efefef; //边框亮色

$text-font-color-1: #000; //文字主色
$text-font-color-2: #676767; //副标题颜色
$text-font-color-3: #a7a7a7; //浅色

* {
    padding: 0;
    margin: 0;
}
.utext {
    border: 1px solid red;
}

// 默认设置
::-webkit-scrollbar {
    display: none;
}
.column {
    display: flex;
    flex-direction: column;
}
.fww {
    flex-wrap: wrap;
}
.shrink0 {
    flex-shrink: 0;
}
.tac {
    text-align: center;
}

.toe {
    text-overflow: ellipsis;
}

.tar {
    text-align: right;
}

.wba {
    word-break: break-all;
}
.text-justify-none {
    text-justify: none;
}

.vab {
    vertical-align: bottom;
}
.lh17 {
    line-height: 1.7;
}
.fwb {
    font-weight: bold;
}
.cr {
    color: red;
}

//常用混入
@mixin flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
// flex布局
@mixin flex-box-set($jc: center, $ai: center) {
    @include flex-box();
    @if ($jc == center) {
        justify-content: center;
    }
    @if ($jc == start) {
        justify-content: flex-start;
    }
    @if ($jc == end) {
        justify-content: flex-end;
    }
    @if ($jc == between) {
        justify-content: space-between;
    }
    @if ($ai == center) {
        align-items: center;
    }
    @if ($ai == start) {
        align-items: flex-start;
    }
    @if ($ai == end) {
        align-items: flex-end;
    }
    @if ($ai == stretch) {
        align-items: stretch;
    }
}
// 省略布局
@mixin ellipsis($row: 1) {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden; //溢出内容隐藏
    text-overflow: ellipsis; //文本溢出部分用省略号表示
    display: -webkit-box; //特别显示模式
    -webkit-line-clamp: $row; //行数
    line-clamp: $row;
    -webkit-box-orient: vertical; //盒子中内容竖直排列
}
// 通用间距
$base-number: 10;
@for $i from 1 through 8 {
    .mg#{$base-number * $i} {
        margin: #{$base-number * $i}rpx;
    }
    .mgl#{$base-number * $i} {
        margin-left: #{$base-number * $i}rpx;
    }
    .mgr#{$base-number * $i} {
        margin-right: #{$base-number * $i}rpx;
    }
    .mgt#{$base-number * $i} {
        margin-top: #{$base-number * $i}rpx;
    }
    .mgb#{$base-number * $i} {
        margin-bottom: #{$base-number * $i}rpx;
    }
    .pd#{$base-number * $i} {
        padding: #{$base-number * $i}rpx;
    }
    .mgl#{$base-number * $i} {
        padding-left: #{$base-number * $i}rpx;
    }
    .mgr#{$base-number * $i} {
        padding-right: #{$base-number * $i}rpx;
    }
    .mgt#{$base-number * $i} {
        padding-top: #{$base-number * $i}rpx;
    }
    .mgb#{$base-number * $i} {
        padding-bottom: #{$base-number * $i}rpx;
    }
    .f#{$base-number} {
        flex: $base-number;
    }
}
// 颜色
$color-base: 111;
@for $ci from 0 through 9 {
    .c#{$ci} {
        color: ##{$color-base * $ci};
    }
}
//字体
$fontSize-base: 18;
@for $fi from 0 through 11 {
    .fs#{$fi} {
        font-size: #{fontSize-base + $fi * 2}rpx;
    }
}
